<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>分销商考核信息</title>
</head>
<link rel="stylesheet" type="text/css"
      href="../../../../css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css"
      href="../../../../css/bootstrap.min.css">
<link href="../../../../css/bootstrap-datetimepicker.min.css"
      rel="stylesheet" media="screen">
<script src="../../../../js/jquery.js"></script>
<script src="../../../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../../../js/transition.js"></script>
<script type="text/javascript" src="../../../../js/modal.js"></script>
<script type="text/javascript" src="../../../../js/button.js"></script>
<script type="text/javascript" src="../../../../js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="../../../../js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

<script type="text/javascript">
    function update() {
        $("#update").attr("data-dismiss", "modal");
    }

    function save() {
        $("#save").attr("data-dismiss", "modal");
    }

    function modify(id, item) {
        alert(id);
        $(item).attr("data-toggle", "modal");
    }
</script>
<body>
<form class="bs-docs-example form-search">
    <font style="font-weight: bold;">查询条件:&nbsp;&nbsp;&nbsp;</font>
    <label for="companyName">企业名称：</label>
    <input type="text" id="companyName" name="companyName" class="input-small search-query" placeholder="企业名称">
    <label for="level">考核等级：</label>
    <input type="text" id="level" name="level" class="input-small search-query" placeholder="分销商名称">
    <label for="month">月份：</label>
    <div class="controls input-append date form_date" data-date="" data-date-format="yyyy-MM"
         data-link-field="dtp_input2" data-link-format="yyyy-MM-dd">
        <input size="8" style="width: 80px;" id="month" name="month" type="text" value="" readonly>
        <span class="add-on"><i class="icon-remove"></i></span>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    <input type="hidden" id="dtp_input2" value=""/>
    <button class="btn" type="submit">查询</button>

</form>
<table class="table table-bordered table-hover table-striped" style="width: 100%">
    <thead>
    <tr>
        <th>分销商ID</th>
        <th>分销商编号</th>
        <th>分销商名称</th>
        <th>当月给出票数</th>
        <th>当月卖出票数</th>
        <th>比率</th>
        <th>考核等级</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>20131201</td>
        <td>携程</td>
        <td>100</td>
        <td>50</td>
        <td>0.5</td>
        <td>D</td>
    </tr>
    <tr>
        <td>2</td>
        <td>20131201</td>
        <td>携程</td>
        <td>100</td>
        <td>90</td>
        <td>0.9</td>
        <td>A</td>
    </tr>
    <tr>
        <td>3</td>
        <td>20131201</td>
        <td>携程</td>
        <td>100</td>
        <td>80</td>
        <td>0.8</td>
        <td>B</td>
    </tr>
    <tr>
        <td>4</td>
        <td>20131201</td>
        <td>携程</td>
        <td>100</td>
        <td>70</td>
        <td>0.7</td>
        <td>C</td>
    </tr>
    </tbody>
</table>
<div class="bs-docs-example">
    <div class="pagination pagination-centered">
        <ul>
            <li class="disabled"><a href="#">«</a>
            </li>
            <li class="active"><a href="#">1</a>
            </li>
            <li><a href="#">2</a>
            </li>
            <li><a href="#">3</a>
            </li>
            <li><a href="#">4</a>
            </li>
            <li><a href="#">5</a>
            </li>
            <li><a href="#">»</a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
